<template>
  <div class="a">
    <ul>
      <li><router-link to="/tj">推荐</router-link></li>
      <li><router-link to="/ph">排行榜</router-link></li>
      <li><router-link to="/gd">歌单</router-link></li>
      <li><router-link to="/zzdt">主播电台</router-link></li>
      <li><router-link to="/gs">歌手</router-link></li>
      <li><router-link to="/xg">新歌1</router-link></li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.a {
  height: 50px;
  background-color: #c20c0c;
}
ul {
  display: flex;
  justify-content: space-around;
}
li {
  color: #fff;
  font-size: 18px;
  list-style: none;
  line-height: 50px;
  border-radius: 10px;
}
li:hover {
  background-color: #9b0909;
}
a {
  color: #fff;
  text-decoration: none;
}
</style>
